<template>
  <div class="header-breadcrumb">
    <div class="icon"></div>
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home/issues' }">Issue</el-breadcrumb-item>
      <el-breadcrumb-item>详情</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
  <el-tooltip effect="dark" content="返回">
    <el-button @click.stop="handleBack" text>
      <svg class="action-icon" aria-hidden="true" width="18" height="18">
        <use xlink:href="#iconzuojiantou" fill="#409eff" />
      </svg>
    </el-button>
  </el-tooltip>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'
import Router from '@/router'

/**
 * @desc: 取消
 */
const handleBack = () => {
  Router.back()
}
</script>

<style lang="less" scoped>
.header-breadcrumb {
  display: flex;
  align-items: center;
  .icon {
    height: 26px;
    width: 6px;
    box-sizing: border-box;
    background: #409eff;
    border-radius: 3px;
    margin-right: 16px;
  }
}
</style>
